<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="INDEX,FOLLOW" />
<meta http-equiv="Content-Language" content="vi" />
<meta name="description" content="Photo - Hot girls Bikini" />
<meta name="keywords" content="Photo , ảnh, hot girls, miss" />
<!--<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />-->
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/menu.css" />
<!--<link rel="stylesheet" type="text/css" media="screen" href="css/lh-base.css" />-->
<link rel="stylesheet" type="text/css" media="screen" href="css/9pmStyle.css" />
<link href='http://fonts.googleapis.com/css?family=Roboto:700,400,100' rel='stylesheet' type='text/css'>
<!--using alert , modal , dropdown , tooltip-->

</head>
<body>
<!--Start: Header-->
<div class="topMenu1 newHdrWrap" style="background-color:transparent"> </div>
<!--End: Header-->
<div id="navbar1" class="navbar1 clearfix">
	<div class="site-wrap2 clearfix">
		<div class="logoPhoto pull-left"><a href="A-index.html"></a></div>
		<div class="pull-left slogan-night">
			<p> Tham gia với cộng đồng 9pm ngay hôm nay! </p>
		</div>
	</div>
</div>
<!--/ toolbar-->
<div class="site-wrap2 clearfix" style="padding-bottom:100px">
<!-- ***** .Alert ***** -->
<div class="clearfix">
	<form class="loginForm" method="post">
		<!--<h1> Đăng nhập 9PM </h1>-->
		<div class="socialLogin clearfix">
			<div type="button" class="hasText large unAuthFacebookConnect registerLoginButton pull-left"> <i class="icon-facebook"></i> <span class="buttonText">Connect with Facebook</span> </div>
			<div type="button" class=" unAuthGoogleConnect registerLoginButton  hasText large pull-right"> <i class="icon-google-plus"></i> <span class="buttonText">Connect with Google+</span> </div>
		</div>
		<h4>Hoặc<br />
			Đăng ký bằng tài khoản email</h4>
		<ul class="userLogin">
			<li class="loginUsername">
				<input autofocus="" class="email hasError" type="text" name="username_or_email" placeholder="Tên đăng nhập" autocomplete="on">
				<p class="formErrorMessage">Required</p>
			</li>
			<li class="loginUsername">
				<input autofocus="" class="email hasError" type="text" name="username_or_email" placeholder="Email" autocomplete="on">
				<p class="formErrorMessage">Required</p>
			</li>
			<li class="loginPassword">
				<input type="password" name="password" placeholder="Mật khẩu">
				<p class="formErrorMessage">Required</p>
			</li>
			<li class="loginBirthday">
				<div class="wrapper-input validate-wrap">
					<label for="month">Ngày sinh</label>
					<div class="input">
						<select name="birthMonth" id="birthMonth" class="validate month" data-required="true" data-default="Month">
							<option value="" disabled="" selected="">Month</option>
							<option value="1">January</option>
							<option value="2">February</option>
							<option value="3">March</option>
							<option value="4">April</option>
							<option value="5">May</option>
							<option value="6">June</option>
							<option value="7">July</option>
							<option value="8">August</option>
							<option value="9">September</option>
							<option value="10">October</option>
							<option value="11">November</option>
							<option value="12">December</option>
						</select>
						<select name="birthDay" id="birthDay" class="select-bday validate day" data-required="true" data-default="Day">
							<option value="" disabled="" selected="">Day</option>
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
							<option value="9">9</option>
							<option value="10">10</option>
							<option value="11">11</option>
							<option value="12">12</option>
							<option value="13">13</option>
							<option value="14">14</option>
							<option value="15">15</option>
							<option value="16">16</option>
							<option value="17">17</option>
							<option value="18">18</option>
							<option value="19">19</option>
							<option value="20">20</option>
							<option value="21">21</option>
							<option value="22">22</option>
							<option value="23">23</option>
							<option value="24">24</option>
							<option value="25">25</option>
							<option value="26">26</option>
							<option value="27">27</option>
							<option value="28">28</option>
							<option value="29">29</option>
							<option value="30">30</option>
							<option value="31">31</option>
						</select>
						<select name="birthYear" id="birthYear" class="select-byear validate year" data-required="true" data-default="Year">
							<option value="" disabled="" selected="">Year</option>
							<option value="2013">2013</option>
							<option value="2012">2012</option>
							<option value="2011">2011</option>
							<option value="2010">2010</option>
							<option value="2009">2009</option>
							<option value="2008">2008</option>
							<option value="2007">2007</option>
							<option value="2006">2006</option>
							<option value="2005">2005</option>
							<option value="2004">2004</option>
							<option value="2003">2003</option>
							<option value="2002">2002</option>
							<option value="2001">2001</option>
							<option value="2000">2000</option>
							<option value="1999">1999</option>
							<option value="1998">1998</option>
							<option value="1997">1997</option>
							<option value="1996">1996</option>
							<option value="1995">1995</option>
							<option value="1994">1994</option>
							<option value="1993">1993</option>
							<option value="1992">1992</option>
							<option value="1991">1991</option>
							<option value="1990">1990</option>
							<option value="1989">1989</option>
							<option value="1988">1988</option>
							<option value="1987">1987</option>
							<option value="1986">1986</option>
							<option value="1985">1985</option>
							<option value="1984">1984</option>
							<option value="1983">1983</option>
							<option value="1982">1982</option>
							<option value="1981">1981</option>
							<option value="1980">1980</option>
							<option value="1979">1979</option>
							<option value="1978">1978</option>
							<option value="1977">1977</option>
							<option value="1976">1976</option>
							<option value="1975">1975</option>
							<option value="1974">1974</option>
							<option value="1973">1973</option>
							<option value="1972">1972</option>
							<option value="1971">1971</option>
							<option value="1970">1970</option>
							<option value="1969">1969</option>
							<option value="1968">1968</option>
							<option value="1967">1967</option>
							<option value="1966">1966</option>
							<option value="1965">1965</option>
							<option value="1964">1964</option>
							<option value="1963">1963</option>
							<option value="1962">1962</option>
							<option value="1961">1961</option>
							<option value="1960">1960</option>
							<option value="1959">1959</option>
							<option value="1958">1958</option>
							<option value="1957">1957</option>
							<option value="1956">1956</option>
							<option value="1955">1955</option>
							<option value="1954">1954</option>
							<option value="1953">1953</option>
							<option value="1952">1952</option>
							<option value="1951">1951</option>
							<option value="1950">1950</option>
							<option value="1949">1949</option>
							<option value="1948">1948</option>
							<option value="1947">1947</option>
							<option value="1946">1946</option>
							<option value="1945">1945</option>
							<option value="1944">1944</option>
							<option value="1943">1943</option>
							<option value="1942">1942</option>
							<option value="1941">1941</option>
							<option value="1940">1940</option>
							<option value="1939">1939</option>
							<option value="1938">1938</option>
							<option value="1937">1937</option>
							<option value="1936">1936</option>
							<option value="1935">1935</option>
							<option value="1934">1934</option>
							<option value="1933">1933</option>
							<option value="1932">1932</option>
							<option value="1931">1931</option>
							<option value="1930">1930</option>
							<option value="1929">1929</option>
							<option value="1928">1928</option>
							<option value="1927">1927</option>
							<option value="1926">1926</option>
							<option value="1925">1925</option>
							<option value="1924">1924</option>
							<option value="1923">1923</option>
							<option value="1922">1922</option>
							<option value="1921">1921</option>
							<option value="1920">1920</option>
							<option value="1919">1919</option>
							<option value="1918">1918</option>
							<option value="1917">1917</option>
							<option value="1916">1916</option>
							<option value="1915">1915</option>
							<option value="1914">1914</option>
							<option value="1913">1913</option>
						</select>
					</div>
				</div>
			</li>
			<li class="loginSex">
				<div class="wrapper-input">
					<label for="month">Giới tính</label>
					<div class="input inline">
						<label class="radio inline">
							<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
							Nam </label>
						<label class="radio inline">
							<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
							Nữ </label>
					</div>
				</div>
			</li>
		</ul>
		<div class="loginError"></div>
		<div class="formFooter">
			<div class="formFooterButtons form-inline clearfix">
				<div class="group"> <a href="A-index.html" class="hasText Button color1 large ajax pull-right"> <span class="buttonText">Đăng nhập</span> </a> <a href="A-edit1.html" class="hasText Button color2 large ajax pull-left"> <span class="buttonText">Đăng ký</span> </a> </div>
				<p class="message-legal">Khi đăng ký là bạn đã đồng ý với các <a href="#">điều khoản và quy định</a> của 9PM. </p>
			</div>
		</div>
	</form>
</div>

<!--site conntainer--> 

<!-- js files --> 

<!--using alert , modal , dropdown , tooltip--> 
<script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script> 
<script src="js/bootstrap-dropdown.js"></script> 
<script src="js/9pm.js" type="text/javascript" charset="utf-8"></script> 
<script>
$(function ()
{ $('[rel="clickover"]').clickover();
});
</script> 
<script type="text/javascript">
$( '.type-care' ).click(function(event) {
		$(this).toggleClass("actived");
  });
</script> 

<!--/ js files -->
</body>
</html>